<!--
 * @author: 十一
 * @since: 2024-10-27
 * BarChart.vue
 * @desc: new page
-->
<template>
  <dv-charts :option="option" style="100%;height:100%" />
</template>

<script lang="ts" setup>
import { ref } from "vue";
const option = {
  series: [
    {
      type: "pie",
      data: [
        { name: "可口可乐", value: 93 },
        { name: "百事可乐", value: 32 },
        { name: "哇哈哈", value: 65 },
        { name: "康师傅", value: 44 },
        { name: "统一", value: 52 },
      ],
      insideLabel: {
        show: true,
        style: {
          fontSize: 10,
          fill: "#fff",
          textAlign: "center",
          textBaseline: "middle",
        },
      },
      outsideLabel: {
        style: {
          fontSize: 11,
          fill: "#fff",
          textAlign: "center",
          textBaseline: "middle",
        },
      },
    },
  ],
};
</script>

<style lang="less" scoped></style>
